<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
    <div th:fragment="nav">
        <a th:href="@{/}" th:class="${tab} == 'index' ? 'tab-active' : 'tab'">index</a>
        <a th:href="@{/stream/pushers}" th:class="${tab} == 'pushers' ? 'tab-active' : 'tab'">pusher</a>
        <a th:href="@{/stream/players}" th:class="${tab} == 'players' ? 'tab-active' : 'tab'">players</a>
        <a th:href="@{/stream/folders}" th:class="${tab} == 'folders' ? 'tab-active' : 'tab'">folders</a>
        <a th:href="@{/job/jobs}" th:class="${tab} == 'jobs' ? 'tab-active' : 'tab'">jobs</a>
        <a th:href="@{/config}" th:class="${tab} == 'config' ? 'tab-active' : 'tab'">config</a>
        <a th:href="@{/swagger-ui.html}" target="_blank" class="tab">api-docs</a>
    </div>
</html>